﻿<!DOCTYPE html>
<html>
    <head>
        <title>Web Gallery</title>
        <link rel="stylesheet" type="text/css" href="Scss1.css" />
    </head>
    <body>
        <form>
            <ul>
                <li>                   
                    <label  for="pic">
                        <img src="pic.jpg" alt="fruits" class="smallpic"/>                         
                    </label>
                </li>
                <li>
                    <label for="pic1">
                        <img src="pic1.jpg" alt="fruits" class="smallpic"/>
                    </label>
                </li>
                <li>
                    <label for="pic2">
                        <img src="pic2.jpg" alt="fruits" class="smallpic"/>
                    </label>
                </li>
                <li> 
                    <label for="pic3">
                        <img  src="pic3.jpg" alt="fruits" class="smallpic"/>                           
                    </label>   
                </li>
                <li>                
                    <label for="pic4">
                        <img src="pic4.jpg" alt="fruits" class="smallpic" />                         
                    </label>        
                </li>
            </ul>
      
        <div>
            <input type="radio" name="picture" value="radiobutton" id="pic"/>
            <img class="select" src="pic.jpg"/>
            <input type="radio" name="picture" value="radiobutton"id="pic1"/>
            <img class="select" src="pic1.jpg" />
            <input type="radio" name="picture" value="radiobutton" id="pic2"/>
            <img class="select" src="pic2.jpg" />
            <input type="radio" name="picture" value="radiobutton" id="pic3"/>
            <img class="select" src="pic3.jpg" />
            <input type="radio" name="picture" value="radiobutton" id="pic4"/>
            <img class="select" src="pic4.jpg" />
        </div>
              </form>
    </body>
</html>
